<template>
  <a-layout-sider
    v-model="collapsed"
    breakpoint="lg"
    collapsed-width="0"
    :collapsible="true"
  >
    <a-menu
      mode="inline"
      theme="dark"
      :default-open-keys="['sub1']"
      :default-selected-keys="['1']"
    >
      <a-sub-menu key="sub1">
        <span slot="title">
          <a-icon type="setting" />
          <span>系统管理</span>
        </span>
        <a-menu-item key="1">
          <router-link to="/user">
            <a-icon type="user" />
            <span>用户管理</span>
          </router-link>
        </a-menu-item>
      </a-sub-menu>
    </a-menu>
  </a-layout-sider>
</template>

<script>
export default {
  name: "SideBar",
  data() {
    return {
      collapsed: false
    };
  },
  methods: {}
};
</script>

<style scoped></style>
